<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>找客户_找合作_实名制客户找乙方服务商合作 | 青瓜商务通</title>
	<meta name="keywords" content="找客户,找合作">
	<meta name="description" content="客户实名制需求，寻求乙方服务公司，线下推广信息流开户，APP推广，产品引流，短视频运营，MCN机构等众多需求！">
	<link rel="canonical" href="https://t.opp2.com/business/provider.html" />
    <link rel="stylesheet" href="static/css/reset.css">
    <link rel="stylesheet" href="static/css/layui.css">
    <link rel="stylesheet" href="static/css/other.css">
    <link rel="stylesheet" href="static/css/layout.css">
</head>

<body style="height:100%;">
	<script src="static/js/jquery.min.js"></script>
    <script src="static/js/layui.js"></script>
    <!-- 页面头部元素 -->
    <div id="page-header">
	<div class="page-header" style="display: none;">
    <div class="header-inner">
        <div class="header-inner--logo">
            <a href="/"><img src="static/picture/header-logo.png" /></a>
        </div>
        <div class="header-inner--nav"></div>
        <div class="header-inner--admin">
            <div class= "header-inner--admin--unlogin">
                <img src="static/picture/user.png" />
                <span id="login">登录</span>
                <span id="register">注册</span>
            </div>
            <div class= "header-inner--admin--unvip is-none"
            	>
            	                    <img style="width: 40px;height: 40px; border-radius: 20px;" src=""/>
                <div class="header-inner--admin--pop">
                    <div class="admin--pop--head admin-active">
                                        </div>
                    <ul>
                        <a href="/user/personal_data.html?personal-center">
                            <li>个人资料</li>
                        </a>
                        <a href="/user/personal_data.html?message-activity">
                            <li>活动中心<img src="static/picture/hot.png" style="margin-left: 10px;"></li>
                        </a>
                        <a href="/user/personal_data.html?personal-in">
                            <li>账号认证</li>
                        </a>
                        <a href="/user/personal_data.html?my-push">
                            <li>我的发布</li>
                        </a>
                        <a href="/user/personal_data.html?mate">
                            <li>匹配合作</li>
                        </a>
                        <a href="/user/personal_data.html?company-history">
                            <li>合作历史</li>
                        </a>
                        <a href="/user/personal_data.html?message-center">
                            <li>消息中心
                                                        </li>
                        </a>
                        <a href="/user/personal_data.html?keyword">
                            <li>关键词订阅</li>
                        </a>
                        <a href="/user/logout.html">
                        <li>退出登录</li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        layui.use('layer', function () {
            var layer = layui.layer;
            //导航栏数据
            const nav = [
                {
                    name: '首页',
                    url: '/'
                },
                {
                    name: '找需求',
                    url: '/business/provider.html'
                },
                {
                    name: '找服务',
                    url: '/business/company.html'
                },
                {
                    name: '会员特权',
                    url: '/business/member.html',
                    icon: '/assets/home//images/vip.png'
                },
                {
                    name: '活动中心',
                    url: '/user/personal_data.html?message-activity',
                    icon: '/assets/home//images/hot_2.png'
                },
                {
                    name: '帮助中心',
                    url: '/business/help.html'
                }
            ]
            //获取地址参数
            const pathname = window.location.pathname + window.location.search;
                //遍历数组渲染html
                ; (function () {
                    const el = $('.header-inner--nav');
                    let html = nav.map(item => {
                        return `
                <div class="header-inner--item ${pathname.includes(item.url)&& item.url!='/' ? 'nav-active' : ''}">
                    <a class="${item.icon ? 'colorYellow' : ''}" href="${item.url}">
                        ${item.icon ? `<img style="width: 20px;" src="static/picture/${item.icon}" />` : ''}
                        ${item.name}
                    </a>
                </div>
                `
                    })
                    el.empty().append(html)
                })()
            //滚动条事件
            let routeName = window.location.pathname;
            if (routeName.includes('index')) {
                $(window).on('scroll', function () {
                    var winPos = $(window).scrollTop()
                    if (winPos >= 600) {
                        $('.page-header').addClass('other-style')
                    } else {
                        $('.page-header').removeClass('other-style')
                    }
                })
            } else {
                $(window).unbind('scroll')
                $('.page-header').addClass('other-style')
            }

            //鼠标hover事件
            $('.header-inner--admin--unvip').hover(function () {
                $(this).children('.header-inner--admin--pop').stop().slideDown();
            }, function () {
                $(this).children('.header-inner--admin--pop').stop().slideUp();
            })
            //登录点击事件
            $('#login').click(function () {
                //会员登录 样式状态改变

                window.name = layer.open({
                    type: 2,
                    skin: 'phone-dialog-cs',
                    area: ['400px', '530px'],
                    title: '',
                    closeBtn: 0,
                    content: '/components/login.html'
                });
            })
            //注册事件 弹窗
            $('#register').click(function () {
                window.name = layer.open({
                    type: 2,
                    skin: 'phone-dialog-cs',
                    area: ['400px', '530px'],
                    title: '',
                    closeBtn: 0,
                    content: '/components/phone_dialog.html'
                });
            })

            setTimeout(() => {
                $('.page-header').css('display', 'block')
            }, 100)
        });

    })
</script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?21294bd361dae032062c938c7504f06e";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
    </div>
    	<!-- 页面容器元素 -->
    	
<style>
    @import url(static/css/search-list.css);
</style>
    <!-- 页面容器元素 -->
    <div class="page-container" style="padding-top: 80px;">
        <div class="release-tabs">
            <div class="release-tabs-header">
                <span class="tab-active">找需求</span>
                <span>找服务</span>
            </div>
            <div class="release-tabs-cont">
                <div class="release-cont-item">
                    <label>结算方式</label>
                    <div class="release-options" id="settlement">
                                        <span >CPC</span>
                                        <span >CPM</span>
                                        <span >CPA</span>
                                        <span >CPS</span>
                                        <span >ROI</span>
                                        <span >CPD</span>
                                        <span >CPT</span>
                                        <span >CPL</span>
                                        <span >其他</span>
                                        </div>
                </div>
                <div class="release-cont-item">
                    <label>合作类型</label>
                    <div class="release-options" id="cooperation">
                                        <span >线上推广</span>
                                        <span >线下推广</span>
                                        <span >海外推广</span>
                                        <span >APP推广</span>
                                        <span >MCN机构</span>
                                        <span >直播带货</span>
                                        <span >网红KOL</span>
                                        <span >代运营</span>
                                        <span >新媒体</span>
                                        <span >策划创意</span>
                                        <span > APP换量</span>
                                        <span >SEO优化</span>
                                        <span >程序开发</span>
                                        <span >设计制作</span>
                                        <span >涨粉评论</span>
                                        <span >新闻软文</span>
                                        <span >知识产权</span>
                                        <span >其他</span>
                                        </div>
                </div>
                <div class="release-cont-item">
                    <label>所属行业</label>
                    <div class="release-options" id="belong">
                                        <span >互联网</span>
                                        <span >IT科技</span>
                                        <span >游戏</span>
                                        <span >金融</span>
                                        <span >电商</span>
                                        <span >汽车</span>
                                        <span >房地产</span>
                                        <span >医疗</span>
                                        <span >酒店</span>
                                        <span >旅游</span>
                                        <span >娱乐</span>
                                        <span >餐饮</span>
                                        <span >影视</span>
                                        <span >动漫</span>
                                        <span >食品</span>
                                        <span >美妆</span>
                                        <span >母婴</span>
                                        <span >鞋服</span>
                                        <span >数码</span>
                                        <span >家居</span>
                                        <span >教育</span>
                                        <span >企服</span>
                                        <span >广告</span>
                                        <span >物流</span>
                                        <span >农业</span>
                                        <span >工业</span>
                                        <span >外贸</span>
                                        <span >其他</span>
                                        </div>
                </div>
                <div class="release-cont-item">
                    <label>合作地区</label>
                    <div class="release-options" id="addrs">
                                        <span >北京</span>
                                        <span >上海</span>
                                        <span >广州</span>
                                        <span >深圳</span>
                                        <span >成都</span>
                                        <span >重庆</span>
                                        <span >杭州</span>
                                        <span >厦门</span>
                                        <span >武汉</span>
                                        <span >天津</span>
                                        <span >苏州</span>
                                        <span >南京</span>
                                        <span >西安</span>
                                        <span >宁波</span>
                                        <span >济南</span>
                                        <span >郑州</span>
                                        </div>
                    <div class="address-options layui-form" lay-filter="myDiv">
                        <select name="" id="" lay-filter="mySelect">
                                                <option value="全国">全国</option>
                                                <option value="河北省">河北省</option>
                                                <option value="山西省">山西省</option>
                                                <option value="辽宁省">辽宁省</option>
                                                <option value="吉林省">吉林省</option>
                                                <option value="黑龙江省">黑龙江省</option>
                                                <option value="江苏省">江苏省</option>
                                                <option value="浙江省">浙江省</option>
                                                <option value="安徽省">安徽省</option>
                                                <option value="福建省">福建省</option>
                                                <option value="江西省">江西省</option>
                                                <option value="山东省">山东省</option>
                                                <option value="河南省">河南省</option>
                                                <option value="湖北省">湖北省</option>
                                                <option value="湖南省">湖南省</option>
                                                <option value="广东省">广东省</option>
                                                <option value="海南省">海南省</option>
                                                <option value="四川省">四川省</option>
                                                <option value="贵州省">贵州省</option>
                                                <option value="云南省">云南省</option>
                                                <option value="陕西省">陕西省</option>
                                                <option value="甘肃省">甘肃省</option>
                                                <option value="青海省">青海省</option>
                                                <option value="广西">广西</option>
                                                <option value="内蒙古">内蒙古</option>
                                                <option value="宁夏">宁夏</option>
                                                <option value="新疆">新疆</option>
                                                <option value="西藏">西藏</option>
                                                <option value="台湾省">台湾省</option>
                                                <option value="香港">香港</option>
                                                <option value="澳门">澳门</option>
                                                </select>
                    </div>
                </div>
            </div>
        </div>
        <div id="search-box">
            <div class="search-list" style="display: block;">
                <div class="search-list__header">
                    <div class="search-list__header-inner">
                        <div class="search-list__header-top">
                            <div class="ipt-box">
                                <img src="static/picture/search.png">
                                <input id="search-input" type="text" placeholder="请输入公司名称/地区/资源关键字">
                                <button type="button" class="layui-btn layui-btn-radius search-btn">搜索</button>
                            </div>
                            <button type="button"
                                class="layui-btn layui-btn-radius layui-btn-normal send-btn">免费发布</button>
                        </div>
                        <div class="search-list__header-hot">
                                                        <span><img src="static/picture/hot.png">信息流</span>
                           	                            <span>搜索广告</span>
                           	                            <span><img src="static/picture/hot.png">直播带货</span>
                           	                            <span><img src="static/picture/hot.png">MCN机构</span>
                           	                            <span>新媒体</span>
                           	                            <span><img src="static/picture/hot.png">代运营</span>
                           	                        </div>
                    </div>
                </div>
                <div class="search-list__list">
                    <div class="search-list__list-content">
                        <div class="search-list__list-header">
                            <span class="w250">姓名</span>
                            <span class="w250">需求</span>
                            <span class="w370">介绍</span>
                            <span class="w200">操作</span>
                            <span class="f1">发布时间</span>
                        </div>
                        <div class="search-list__list-table" id="search-list__cont">
                        </div>
                    </div>
                    <div class="search-list__list-page">
                        <div id="search-page">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="fixed-release send-btn">
        免费发布
    </div>
    <style>
        .fixed-release{
            position: fixed;
            bottom: 50px;
            right: 50px;
            padding: 10px 15px;
            z-index: 99;
            cursor: pointer;
            background-color: #21CAA8;
            color: #fff;
            border-radius: 30px;
            box-shadow: 1px 1px 6px #21CAA8;
            transition: all .3s ease;
        }
        .fixed-release:hover{
            transform: translateY(-4px);
        }
    </style>
    <script src="static/js/search-list.js"></script>
    <script>
        var btn = 'user-login';
	
        $(function () {
            layui.use(['laypage', 'layer', 'form','laypage'], function () {
                var laypage = layui.laypage,
					layer = layui.layer,
                    form = layui.form
                //搜索参数

                var params = {
                    param: '',
                    keyword: '',
                    type: '需求',
                    page: '1'
                };
              	//总条数
                var count = 20;

                //首次加载页面请求接口
                init(params)
                //初始化数据
                function init(params) {
                    $.ajax({
                        type: 'POST',
                        async: false, //false 为同步  true 为异步  默认为异步
                        url: '/api/business/search',
                        data: params,
                        dataType: 'jsonp',
                        success: res => {
                            if (res.code === 1) {
                                // debugger
                                count = res.data.total;
                                initHtml(res.data.list);
                                handlePage(params.page)
                            }
                        },
                        error: function () {
                            console.log('error')
                        }
                    })
                }

              //初始化页面HTML
                function initHtml(data) {
                    var $el = $('#search-list__cont'),
                        html = '';
                    html = data.map(item => {
                        return `<div class="table-box">
                                    <div class="table-row">
                                    <a href="/detail/${item.order_id}.html" target="_blank">
                                        <div class="w250 table-col">
                                            <div class="head-status">
                                           		<span style="background:${item.order_type==='服务' ?'#409EFF':'#21CAA8'}">
                                           		${item.order_type}
                                           		</span>
                                            </div>
                                            <div class="head-portrait">
                                                <img class="user-header" src="static/picture/94f68ebbbdc3469f93d1d3cd59a06e5c.gif'/assets/home//images/user.jpg'}">
                                            </div>
                                            <div class="user-info">
                                                <h3>${item.user.username}
                                                	${item.user.group ==2 ? '<img src="static/picture/zyicon.png">' : ''}
                                                	${item.user.group ==3? '<img src="static/picture/qyicon.png">' : ''}
                                                    ${item.user.level >0 ? '<img src="static/picture/6f1d0c53e8674d86a97a2420c83cf5ef.gif'+item.user.level+'m.png">' :''}
                                                </h3>
                                                <div class="user-tag">
                                                    <span>${item.user.position}</span><span>${item.user.city}</span>
                                                </div>
                                            </div>
                                        </div>
                                        </a>
                                        <a href="/detail/${item.order_id}.html" target="_blank">
                                        <div class="w250 table-col">
                                        	${item.title}
                                        </div>
                                        </a>
                                        <a href="/detail/${item.order_id}.html" target="_blank">
                                        <div class="w370 table-col ellips2">
                                            ${item.describe}
                                        </div>
                                        </a>
                                        <div class="w200 table-col">
                                            <button type="button"
                                                class="layui-btn layui-btn-radius show-btn" data-id="${item.order_id}">查看联系方式</button>
                                        </div>
                                        <div class="f1 table-col" style="color:#828898;">
                                        	${item.cn_time}
                                        </div>
                                    </div>
                                    <div class="table-box--slide">
                                        <div class="slide-row">
                                            <div class="slide-row--col1">
                                                <div class="icon">
                                                    <img src="static/picture/wechat.png">
                                                    <label>微信号：</label>
                                                </div>
                                                <p></p>
                                            </div>
                                            <div class="slide-row--col2">
                                                <div class="icon">
                                                    <img src="static/picture/zy.png">
                                                    <label>资源类型：</label>
                                                </div>
                                                <p></p>
                                            </div>
                                        </div>
                                        <div class="slide-row">
                                            <div class="slide-row--col1">
                                                <div class="icon">
                                                    <img src="static/picture/ls-phone.png">
                                                    <label>手机号：</label>
                                                </div>
                                                <p></p>
                                            </div>
                                            <div class="slide-row--col2">
                                                <div class="icon">
                                                    <img src="static/picture/qq.png">
                                                    <label>QQ：</label>
                                                </div>
                                                <p></p>
                                            </div>
                                        </div>
                                    </div>
                            </div>`
                    }).join('');
                    $el.empty().append(html)
                }

                function handlePage(page) {
                    //分页跳转功能
                    laypage.render({
                        elem: 'search-page',
                        limit: 20,
                        count: count,
                        curr: page,
                        prev: '<img src="static/picture/prev.png" style="width: 14px;"/>',
                        next: '<img src="static/picture/next.png" style="width: 14px;"/>'
                        , layout: ['count', 'prev', 'page', 'next', 'skip']
                        , jump: function (obj, first) { //分页跳转  obj 跳转结果
                            if (!first) {
                                params.page = obj.curr;
                                init(params)
                            }

                            //
                        }
                    });
                }

              //发布需求
                $('.send-btn').off('click').on('click', function () {
                                            window.name = layer.open({
                            type: 2,
                            skin: 'phone-dialog-cs',
                            area: ['400px', '530px'],
                            title: '',
                            closeBtn: 0,
                            content: '/components/login.html'
                        });
                                        })

                //查看详情
                $('body').delegate('.btn-info','click', function () {
                                        window.name = layer.open({
                        type: 2,
                        skin: 'phone-dialog-cs',
                        area: ['400px', '530px'],
                        title: '',
                        closeBtn: 0,
                        content: '/components/login.html'
                    });
                                    })

                //存储当前的赛选项
                let filters = []
                console.log(filters)

                //tab切换事件
                $('span', '.release-tabs-header').on('click', function () {
                    $(this).addClass('tab-active').siblings().removeClass('tab-active');
                    location.href = '/business/company.html'
                })
                form.on('select', function (data) {
                    filters.push(data.value);
                    params.param = filters.join("_");
                    init(params)
                });
                //tag点击事件
                $('span', '.release-options').on('click', function () {
                    let option = $(this).text();
                    $(this).toggleClass('tag-active');
                    //存储当前筛选项
                    if (filters.includes(option)) {
                        filters.splice(filters.indexOf(option), 1)
                        params.param = filters.join("_");
                        console.log(params)
                        init(params)
                        return
                    }
                    filters.push(option)
                    params.param = filters.join("_");
                    console.log(params)
                    init(params)
                    console.log(filters)
                })
                $('#search-input').bind('keypress', function(event) {
                    if (event.keyCode == "13") {
                        event.preventDefault();
                        //回车执行查询
                        $('.search-btn').click();
                    }
                });
                //点击搜索  根据值筛选搜索结果
                $('.search-btn').off('click').on('click', function () {
                    var val = $('#search-input').val().trim();
                    params.page = 1;
                    params.keyword = val;
                    init(params);
                })
                //点击热词请求接口
                $('span', '.search-list__header-hot').off('click').on('click', function () {
                    var val = $(this).text()
                    $('#search-input').val(val);
                    params.page = 1;
                    params.keyword = val;
                    init(params);
                })

                $('#search-input').on('focus', function () {
		            $(this).parent('.ipt-box').addClass('ipt-box-active')
			        })
		        $('#search-input').on('blur', function () {
		            $(this).parent('.ipt-box').removeClass('ipt-box-active')
		        	})

                setTimeout(() => {
                    $('body').css('display', 'block')
                }, 100)

                setTimeout(() => {
	            $('.search-list').css('display', 'block')
	        	}, 100)
            })
        })
    </script>


        <!-- 页面底部 -->
    <div id="page-footer">
		<div class="page-footer">
		    <div class="page-footer-detail">
		        <div class="detail-inner">
		            <div class="detail-inner-left">
		                <div class="detail-inner-left--col">
		                    <h3>需求服务</h3>
		                    <a href="/user/personal_data.html?push-need">发布需求</a>
		                    <a href="/business/provider.html">找需求</a>
		                    <a href="/business/company.html">找服务</a>
		                    <a href="/business/member.html">会员特权</a>
		                    <a href="/tags">热门标签</a>
		                    <a href="/sitemap.html">网站地图</a>
		                </div>
		                <div class="detail-inner-left--col">
		                    <h3>帮助中心</h3>
		                    <a href="/business/help.html?current=1">账号相关</a>
		                    <a href="/business/help.html?current=3">认证指南</a>
		                    <a href="/business/help.html?current=4">会员权益</a>
		                    <a href="/business/help.html?current=5">合作信息</a>
		                    <a href="/business/help.html?current=6">意见反馈</a>
		                </div>
		                <div class="detail-inner-left--col">
		                    <h3>会员服务</h3>
		                    <a href="/business/member.html">会员特权</a>
		                    <a href="/business/enterpriseMember.html">企业会员</a>
		                    <a href="/business/help.html">会员权益</a>
		                    <a href="/business/help.html?current=7">法律声明</a>
		                </div>
		                <div class="detail-inner-left--col">
		                    <h3>服务与支持</h3>
		                    <div>周一至周五 09:00-18:00</div>
		                    <p>QQ群：790826008</p>
		                    <p>官方邮箱：tong@opp2.com</p>
		                </div>
		            </div>
		            <div class="detail-inner-right">
		                <div class="detail-inner-right--qrcodes">
		                    <div class="" >
		                        <img src="static/picture/wx_qrcode.png" style="width:105px;"/>
		                        <p>青瓜公众号</p>
		                    </div>
		                    <div class="" >
		                        <img src="static/picture/minipro_qrcode.png" style="width:105px;"/>
		                        <p>青瓜小程序</p>
		                    </div>
		                    <div class="" >
		                        <img src="static/picture/kefu_qrcode.png" style="width:105px;"/>
		                        <p>产品经理微信</p>
		                    </div>
		                </div>
		            </div>
		        </div>
		    </div>
		    <div class="page-footer-copy">
		        <div class="copy--links">
		            <label>友情链接：</label>
		            <a href="#">青瓜传媒</a>
		            <a href="#">小猫试玩</a>
		        </div>
		        <div class="copy--right">
		            Copyright © 2020-2021 青瓜传媒 OPP2.com 版权所有 免责声明
		        </div>
		        <div class="copy--right">
		            闽ICP备14005448号		        </div>
		    	</div>
			</div>
    </div>
</body>

</html>
